<LayoutTableSmall>
    <!-- 顶部 -->
    <template slot="top"></template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        <el-form :inline="true" label-position="left" :model="mixinTable_tableSearchData" @submit.native.prevent
            class="demo-form-inline">
            <el-form-item label="菜单类型">
                <!-- <el-select v-model="mixinTable_tableSearchData.dictValue" @change="mixinTable_searchData" style="width:100px" clearable>
                    <el-option :label="item.dictLabel" :value="item.dictValue" v-for="(item,index) in dict_menu_type" :key="item.id" ></el-option>
                    <el-option :label="item.dictLabel" :value="item.dictValue"></el-option>
                </el-select> -->
                <el-select v-model="mixinTable_tableSearchData.type" @change="mixinTable_searchData"
                    placeholder="请选择" clearable>
                    <el-option label="权限" value="1"></el-option>
                    <el-option label="菜单" value="2"></el-option>
                </el-select>
            </el-form-item>
        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">
        <el-button type="primary" @click="editBoxOpen({type:'add'})">添加一级菜单</el-button>
    </template>
    <!-- 表格 -->
    <template slot="table">
        <!-- {{ mixinTable_tableData }} -->
        <el-table v-loading="mixinTable_loading"  :data="mixinTable_tableData.list"   border style="width: 100%;"
            :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall" :tree-props="{children: 'children'}"
            default-expand-all row-key="id">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#">
            </el-table-column>
            <el-table-column prop="menu_title" label="菜单名称" width="220"></el-table-column>
            <el-table-column prop="auth_name" label="前端标识"></el-table-column>
            <el-table-column prop="menu_level" label="等级" align="center" width="80"></el-table-column>
            <el-table-column prop="menu_icon" label="图标" align="center" width="80">
                <template slot-scope="scope">
                    <i :class="scope.row.menu_icon"></i>
                </template>
            </el-table-column>
            <el-table-column prop="sort" label="排序" align="center" width="80"></el-table-column>
            <!-- <el-table-column label="菜单分类" align="center" width="80">
                <template slot-scope="scope">
                    {{scope.row.menu_type}}
                </template>
            </el-table-column> -->
            <!-- <el-table-column label="存在URL" align="center" >
                <template slot-scope="scope">
                    <StateIcon :type="scope.row.existResUrlMap.cssClass" />
                </template>
            </el-table-column> -->
            <el-table-column label="操作" width="260" align="center">
                <template slot-scope="scope">
                    <el-button @click="editBoxOpen({type:'add',id:scope.row.id, parent_id: scope.row.id})">添加子菜单</el-button>
                    <el-button @click="editBoxOpen({type:'update',id:scope.row.id})">编辑</el-button>
                    <el-button type="danger" plain @click="mixinTable_selectTableDeleteData([scope.row])">删除</el-button>
                </template>
            </el-table-column>


        </el-table>

    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            删除已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>